<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三创</title>
    <!-- 说明 -->
    <meta name="description" content="本网页只作为演示例程、无任何商业元素">
    <!-- 关键字 -->
    <meta name="keywords" content="网上应聘招聘">
    <!-- 网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">

</head>

<body>
    <!-- 顶部导航 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>
                        北斗星大学生职业规划欢迎您！&nbsp;
                    </li>
                    <li>
                        <a href="登陆界面.html">请登录&nbsp;</a>
                        <a href="注册页面.html" class="style_red">注册账号</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li class="arrow-icon">我的意向</li>
                    <li>&nbsp;|&nbsp;</li>
                    <li class="arrow-icon">我的意向</li>
                    <li>&nbsp;|&nbsp;</li>
                    <li class="arrow-icon">我的意向</li>
                    <li>&nbsp;|&nbsp;</li>
                    <li class="arrow-icon">我的意向</li>
                    <li>&nbsp;|&nbsp;</li>
                    <li class="arrow-icon">我的意向</li>
                    <li>&nbsp;|&nbsp;</li>
                    <li class="arrow-icon">我的意向</li>
                    <li>&nbsp;|&nbsp;</li>
                    <li class="arrow-icon">我的意向</li>
                </ul>
            </div>
        </div>

    </section>
    <!-- 顶部导航 -->
    <!-- 第二层 -->
    <section class="shortcut"></section>
    <header class="header w">
        <div class="logo">
            <h1>
                <a href="index.html" title="职业规划首页">
                    职业规划首页
                </a>
            </h1>
        </div>
        <div class="search">
            <input type="search" name="" id="" placeholder="想要的职业">
            <button>搜索</button>
        </div>
        <div class="hotwords">
            <a href="#" class="style_red">&nbsp;自由平等</a>
            <a href="#" class="style_red">&nbsp;</a>
            <a href="#" class="style_red">&nbsp;公正法治</a>
            <a href="#" class="style_red">&nbsp;</a>
            <a href="#" class="style_red">&nbsp;爱国敬业</a>
            <a href="#" class="style_red">&nbsp;</a>
            <a href="#" class="style_red">&nbsp;诚信友善</a>
            <a href="#" class="style_red">&nbsp;</a>
            <a href="#" class="style_red">&nbsp;富强民主</a>
            <a href="#" class="style_red">&nbsp;</a>
            <a href="#" class="style_red">&nbsp;文明和谐</a>
        </div>
        <div class="want">
            选中的职业
            <i class="number">8</i>
        </div>
    </header>
    <!-- 第二层 -->
    <!-- 第三层 -->
    <nav class="nav">
        <div class="w">
            <div class="dropdown">
                <div class="dt">
                    全部
                </div>
                <div class="dd">
                    <ul>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                        <li><a href="#">123</a></li>
                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                    <li><a href="#">123</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 第三层 -->
    <div class="w">
        <div class="main">
            <div class="focus">
                <ul>
                    <li>
                        <a href="#"><img src="./images/注册页/a30f470f06d17db9dfe6b47f1226402b.jpeg" width="721" height="459" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="newsflash">
                <div class="new">
                    <div class="new-hd">
                        <h5>123</h5>
                        <a href="#" class="hd-more">456</a>
                    </div>
                    <div class="new-bd">
                        <ul>
                            <li><a href="#"><strong>[123]</strong>456</a></li>
                            <li><a href="#"><strong>[123]</strong>456</a></li>
                            <li><a href="#"><strong>[123]</strong>456</a></li>
                            <li><a href="#"><strong>[123]</strong>456</a></li>
                            <li><a href="#"><strong>[123]</strong>456</a></li>
                        </ul>
                    </div>
                </div>
                <div class="life">
                    <ul>
                        <li><a href="#"><i><img src="./images/xiangsu_jiangbei.png" height="24" alt=""></i>
                                <p>123</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><i><img src="./images/xiangsu_youxiji.png" height="24" alt=""></i>
                                <p>123</p>
                            </a>
                        </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_mao.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_pijiu.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_jinbi.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_yaoshui.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_xianrenzhang.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_xiaoya.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_tuzi.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_tangguo.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_wuqi.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                        <li> <a href="#"><i><img src="./images/xiangsu_tuzi.png" height="24" alt=""></i>
                                <p>123</p>
                            </a> </li>
                    </ul>
                </div>
                <div class="barne"><a href="#"><img src="./images/招聘小图.png" alt="" height="80" width="254"></a></div>
            </div>
        </div>
    </div>
    <!-- 底层 -->
    <footer class="footer">
        <div class="w">
            <div class="mod">
                <ul>
                    <li>
                        <h5>
                            <img src="./images/xiangsu_aixin.png" height="50" alt="">
                        </h5>
                        <div class="stxt">
                            <h4>123</h4>
                            <p>456</p>
                        </div>
                    </li>
                    <li>
                        <h5>
                            <img src="./images/xiangsu_caomei.png" height="50" alt="">
                        </h5>
                        <div class="stxt">
                            <h4>123</h4>
                            <p>456</p>
                        </div>
                    </li>
                    <li>
                        <h5>
                            <img src="./images/xiangsu_meiguihua.png" height="50" alt="">
                        </h5>
                        <div class="stxt">
                            <h4>123</h4>
                            <p>456</p>
                        </div>
                    </li>
                    <li>
                        <h5>
                            <img src="./images/xiangsu_qizhi.png" height="50" alt="">
                        </h5>
                        <div class="stxt">
                            <h4>123</h4>
                            <p>456</p>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="mod1">
                <dl>
                    <dt>123465</dt>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>

                </dl>
                <dl>
                    <dt>123465</dt>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>

                </dl>
                <dl>
                    <dt>123465</dt>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>

                </dl>
                <dl>
                    <dt>123465</dt>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>

                </dl>
                <dl>
                    <dt>123465</dt>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>
                    <dd><a href="#">789</a></dd>

                </dl>
                <dl>
                    <dt>123465</dt>
                    <dd><img src="./images/注册页/二维码-1.png" width="94" alt=""></dd>
                    12345

                </dl>
            </div>
            <div class="loyer">
                <div class="link">
                    123
                </div>
                <div class="copyright">
                    456<br>
                    789
                </div>

            </div>
        </div>
    </footer>
    <!-- 底层 -->
</body>

</html>